@base: #f938ab;/*定义变量*/
 .box {
  color: @base;
  border-color: lighten(@base, 30%); /*使用函数*/
}

@images: "../img";/*支持URLs*/
body {
  color: #444;
  background: url("@{images}/white-sand.png");
}

@property: color;/* 属性也支持变量的形式： */
.widget {
  @{property}: #0ee;
  background-@{property}: #999;
}

/* 混合（Mixin） */
.ellipsis_txt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.box {
    color: @base;
    .ellipsis_txt;
    /*或者
    .ellipsis_txt();
    */
}

/* 还支持&符号： */
#header {
  color: black;
  	&-navigation {
    	font-size: 12px;
	}
}

/* 生成 */
#header {
  	color:black;
}
#header-navigation {
    font-size:12px;
}

/* 导入 */
@import "library"; // library.less
@import "index.css";